<style>
.tips { height: 50px;  line-height: 50px;  color: #fff45c;}
.tips i{ height:50px;background:url(../addons/fm_photosvote/template/mobile/photos/xin.png) no-repeat 0 center;display:block;background-size:24px;padding-left:30px;margin:0 auto;font-size:16px;}
.zanzhu{ background:rgba(46, 1, 68, 0.46);border:0px solid #5a009c;padding:10px 10px 0;margin-bottom:10px;overflow:hidden;}
.zanzhu li{ width:49%;float:left;margin:0 2% 10px 0;overflow:hidden;}
.zanzhu li:nth-child(2n){margin-right:0;}
.zanzhu li img{ width:100%;}
.topannounce {
  background: {if !empty($bgarr['bodytscolor'])}{$bgarr['bodytscolor']}{else}#000{/if} url({php echo toimage($bgarr['bodytsbg'])}) no-repeat 0 center;
  color: #fff;
  background-size: 100%;
    z-index: 9999999;
}
.top {
  background: {if !empty($bgarr['topbgcolor'])}{$bgarr['topbgcolor']}{else}#000{/if} url({php echo toimage($bgarr['topbg'])}) no-repeat 0 center;
  color: #fff;
  background-size: 100%;
  padding: 8px 0px;
  z-index: 9999999;
}
.top a {
  padding: 0 5px;
  color: {$bgarr['topbgtext']};
}
.top .topa {

  {if !empty($bgarr['topbgrightcolor'])}
	background: {if !empty($bgarr['topbgrightcolor'])}{$bgarr['topbgrightcolor']}{else}#000{/if} ;
  {else}
	background: url({if !empty($bgarr['topbgright'])}{php echo toimage($bgarr['topbgright'])}{else}../addons/fm_photosvote/template/images/bm.png{/if}) center no-repeat ;
  {/if}
 
  
  
  color: {$bgarr['topbgtext']};
  background-size: 100% 100%;
}

.con .neirong {
  
  background: {if empty($bgarr['bodytscolor'])}rgba(46, 1, 68, 0.63){else}{$bgarr['bodytscolor']}{/if} url({php echo toimage($bgarr['bodytsbg'])}) center no-repeat;
  
  color: {if empty($bgarr['bodytextcolor'])}#fff{else}{$bgarr['bodytextcolor']}{/if};
  background-size: 100% 100%;
  border: 1px solid {if empty($bgarr['bodytscolor'])}rgba(46, 1, 68, 0.63){else}{$bgarr['bodytscolor']}{/if};
  padding: 10px;
  line-height: 22px;
  border-radius: 5px;
}

.tongji li {
  width: 33.333%;
  float: left;
  text-align: center;
  color: {if empty($bgarr['bodytextcolor'])}#fff45c{else}{$bgarr['bodytextcolor']}{/if};
  line-height: 22px;
  padding-top: 8px;
}

.con .tips {
  height: 50px;
  line-height: 50px;
  color: {if empty($bgarr['bodytextcolor'])}#fff45c{else}{$bgarr['bodytextcolor']}{/if};
}
.paihang {
  background: {if empty($bgarr['bodytscolor'])}rgba(46, 1, 68, 0.63){else}{$bgarr['bodytscolor']}{/if} url({php echo toimage($bgarr['bodytsbg'])}) center no-repeat;
  border: 0px solid #5a009c;
  color: {if empty($bgarr['bodytextcolor'])}#fff45c{else}{$bgarr['bodytextcolor']}{/if};
  border-radius: 5px;
  overflow: hidden;
}
.paihang ul li {
  height: 40px;
  border-top: 1px solid {if empty($bgarr['bodytextcolor'])}#5a009c{else}{$bgarr['bodytextcolor']}{/if};
  line-height: 40px;
  padding: 10px;
}
.paihang ul li a {
  color: {if empty($bgarr['bodytextcolor'])}#fff45c{else}{$bgarr['bodytextcolor']}{/if};
  height: 40px;
  line-height: 40px;
}

.paihang ul li a .btext{
  color: {if empty($bgarr['bodytextcolor'])}#fff45c{else}{$bgarr['bodytextcolor']}{/if};
}

.paihang ul li a .bnum{
  color: {if empty($bgarr['bodynumcolor'])}#fff{else}{$bgarr['bodynumcolor']}{/if};
  font-size:15px;
}
.copyright a:link {
  color: {if empty($bgarr['copyrightcolor'])}#E0E0E0{else}{$bgarr['copyrightcolor']}{/if};
}

	textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
		  background-color: {if empty($bgarr['inputcolor'])}#FFFFFF{else}{$bgarr['inputcolor']}{/if};
		  border: 1px solid {if empty($bgarr['inputcolor'])}#cccccc{else}{$bgarr['inputcolor']}{/if};
		  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
		  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
		  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
		  transition: border linear 0.2s, box-shadow linear 0.2s;
	}	
	        #speaker {
			{if $istop['istopheader']}
				top: 50px;
			{else}
				top: 0px;
			{/if}
             width: 100%;
            height: 40px;
            line-height: 40px;
            position: fixed;
            z-index: 980;
            /*background-color: #fffddf;*/
            background-color: {if !empty($bgarr['bodytscolor'])}{$bgarr['bodytscolor']}{else}#992868{/if};
            opacity: 0.95;
            overflow: hidden;
            box-shadow: 0px 0px 2px #222;
            -webkit-box-shadow: 0px 0px 2px #222;
        }

        #s-icon {
            width: 20px;
            height: 20px;
            position: fixed;
			{if $istop['istopheader']}
				top: 60px;
			{else}
				top: 10px;
			{/if}
            left: 10px;
            /*background-color: #fffddf;*/
            background-color: {if !empty($bgarr['bodytscolor'])}{$bgarr['bodytscolor']}{else}#992868{/if};
            background-size: 20px;
            background-repeat: no-repeat;
            background-image: url(../addons/fm_photosvote/template/images/speaker.png);
			float:left;
        }

        #s-word {
            font-size: 16px;
            width: 82%;
            height: 40px;
            position: fixed;
            left: 40px;
        }

        #s-word a {
            color: {if !empty($bgarr['bodytextcolor'])}{$bgarr['bodytextcolor']}{else}#fff{/if};
            text-decoration: none;  margin-right: 60px;
        }

        #s-fork {
            width: 15px;
            height: 15px;
            position: fixed;
			{if $istop['istopheader']}
				top: 62px;
			{else}
				top: 12px;
			{/if}
            right: 10px;
            background-color: {if !empty($bgarr['bodytscolor'])}{$bgarr['bodytscolor']}{else}#992868{/if};
            background-size: 15px;
            background-repeat: no-repeat;
            background-image: url(../addons/fm_photosvote/template/images/yellowfork.png);
			float:right;
        }
		.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 111111111;
}

</style>
{php $istop = iunserializer($reply['istop']);}
{if $istop['istopheader']}
  {if $reply['addpvapp'] == 1}
   	{if !empty($mygift)}
  		<div class="top"><div><span style="  width: 60%;  height: auto;  float: left;  line-height: 20px;"><a href="{php echo $this->createMobileUrl('photosvoteview', array('rid' => $rid))}" >{$reply['title']}</a></span><a href="{php echo $this->createMobileUrl('tuser', array('rid' => $rid, 'tfrom_user' => $from_user))}" class="topa"><strong style="position: relative;left: 45px;">我的</strong></a></div></div>
  	{else}
  		<div class="top"><div><span style="  width: 60%;  height: auto;  float: left;  line-height: 20px;"><a href="{php echo $this->createMobileUrl('photosvoteview', array('rid' => $rid))}">{$reply['title']}</a></span><a href="{php echo $this->createMobileUrl('reg', array('rid' => $rid))}" class="topa"><strong style="position: relative;left: 33px;">我要报名</strong></a></div></div>
  	{/if}
  {else}
  	<div class="top"><div><span><a href="{php echo $this->createMobileUrl('photosvoteview', array('rid' => $rid))}">{$reply['title']}</a></span><a href="javascript:;" id="ssuo" onclick="button3()" class="topa"><strong style="position: relative;left: 33px;">搜索用户</strong></a></div></div>
  {/if}
  <div class="h"></div><div class="h"></div><div class="h"></div><div class="h"></div><div class="h"></div>	
{/if}
{if $istop['ipannounce'] == 1} 	
	<div id="topannounce" class="topannounce">
		
			 <div id="speaker">
					<div id="s-icon"></div>
					<span id="s-word">
						<marquee behavior="scroll" scrollamount="4" direction="left" width="100%">
							{loop $announce $ac}
							<a href="{$ac['url']}">
								{php echo date('Y-m-d h:i', $ac['createtime'])}: {$ac['content']}  --- {$ac['nickname']}       
							</a>
							{/loop}
						</marquee>
					</span>
					<div id="s-fork"></div>
				</div>
				<div id="div_margin" style="margin-top:40px;"></div>
		
	</div>	
	<script type="text/javascript">
        $('#s-fork').click(function(){
            $('#topannounce').hide();
        });
	</script>	
{/if}
{if $istop['isbgaudio']}  
  <link rel="stylesheet" href="../addons/fm_photosvote/template/mobile/audio/style.css?{TIMESTAMP}" media="screen" type="text/css" />
  <div id="players">
    <audio id="audio" controls preload="none">
      <source src="{php echo tomedia($istop['bgmusic'])}" type="audio/mpeg" codecs="mp3"></source>    
    </audio>
    <div class="coveraudio">
      <div class="controls">
        <button id="play-pause" title="Play" onclick="togglePlayPause()"><i class="fa fa-play fa-2x"></i></button>
      </div><!-- #controls -->
    </div><!-- #coveraudio -->
  </div><!-- #player -->
  <script src="../addons/fm_photosvote/template/mobile/audio/audio.js?{TIMESTAMP}"></script>
{/if}